<html>
    <head>
<script src="JS/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="JS/jquery.tabify.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
</script>

<style type="text/css">
.stxt
{
    background:#4b4b47;
    padding-top:2px;
    height:305px;
    width:210px;
    margin-top:2px;
    margin-left: 7px;

}
#image
{
    width:250px;
    border:1px solid #595758;
    margin:2px;
    padding: 2px;
    float:left;
    height:200px;
}
 #left
{
    height:auto;
    width:230px;
    float:right;
    border-top: 3px solid #333333;
    background-color:#555550;
    border-left: 3px solid #333333;
     border-right: 3px solid #333333;
    border-bottom: 3px solid #333333;
  
/*    margin-top: -545px;
    
    margin-right: -5px;*/
}
#requestinfo{
    font: 116% 'Ariel',cursive;
    color:#00cccc;
    text-align: center;
    
}
#formrequest{
    background-color:#66cdcc ;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   padding: 2px;

}
        </style>
    </head>
<body>
    
<div id="left">
    <div id="showcase">
    <div class="stxt">
        <label for="request" id="requestinfo">&nbsp;&nbsp;Request More Information</label>
<form name="form" method="post" action="mail3.php" onsubmit="return validation();">
 <table align="left" style="background-color: 414141">
  
  <tr>
   <td align="left">
    <input type="text" value="FirstName" id="fname" name="n_fname">
   </td>
  </tr>
  <tr>
   <td align="left">
    <input type="text" value="LastName" id="lname" name="n_lname">
   </td>
  </tr>
  <tr>
   <td align="left">
    <input type="text" value="Phone" id="phone" name="n_phone">
   </td>
  </tr>
  
  <tr>
   <td align="left">
    <input type="text" value="Email Address" id="eadd" name="n_eadd">
   </td>
  </tr>
  
  <tr>
   <td align="left">
    <input type="text" value="State" id="state" name="state">   
   </td>
  </tr>  
	
  <tr>
   <td align="left">
    <input type="text" value="City" id="city" name="city">
   </td>
  </tr>    

   <td align="left">
    <textarea style="width: 155px;height: 50px" id="ta" name="n_ta">Comments</textarea>
   </td>
  </tr>
  <tr>
   <td align="left">
       <br><input type="submit" id="formrequest" value="Submit Your Request" style="color:#414141;border:1px solid #333333">		    	
   </td>
  </tr>
  <input type="hidden" id="hiden" name="hiden" value="<?php echo $_REQUEST['stock_id'];?>">
 </table>
</form>
    </div>
    </div>
</div>
</body>
</html>

<script type="text/javascript">
	function validation()
	{
		var fname=document.getElementById("fname").value;
		var lname=document.getElementById("lname").value;
		var phone=document.getElementById("phone").value;
		var mail=document.getElementById("eadd").value; 
		var msg=document.getElementById("ta").value;
		var state=document.getElementById("state").value;
		var city=document.getElementById("city").value;

		if(fname=="")
			{
				alert("Please Enter FirstName");
				return false;
			}
		if(lname=="")
		{
			alert("Please Enter LastName");
			return false;
		}
		if(phone=="")
		{
			alert("Please Enter Phone");
			return false;
		}
		if(mail=="")
		{
			alert("Please Enter Email");
			return false;
		}
		if(state=="")
		{
			alert("Please Enter the State");
			return false;
		}	
		if(city=="")
		{
			alert("Please Enter the City");
			return false;
		}					
		if(msg=="")
		{
			alert("Please Enter the Message");
			return false;
		}								
	}
</script>